<%@page import="java.util.ArrayList"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2019/12/4
  Time: 15:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="com.example.association2.model.User" %>
<%@ page import="com.example.association2.model.Association" %>
<%@ page import="java.util.List" %>
<%@ page import="static java.lang.Integer.parseInt" %>

<html lang="zh-CN">
<head>
    <%@include file="../head.jsp" %>
        <!-- 引入 echarts.js -->
    <script src="../static/js/echarts.min.js"></script>
</head>
<body class="nav-md">
<div class="container body">
    <div class="main_container">
        <!-- 引入bar -->
        <jsp:include page="../sidebar.jsp"/>
        <jsp:include page="../topbar.jsp"/>
        <!-- page content -->
     	<div class="right_col" role="main">
        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    	<div id="main" style="width: 60%;height:60%; position:absolute;left:310px;top:120px;"></div>
    	</div>
   		 <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例

		var chartDom = document.getElementById('main');
		var myChart = echarts.init(chartDom);
        var listtime = ${Form3_time};
        var listvalue = ${Form3_value};
		var option;

		option = {
			title: {
			  	text: '社团活跃度曲线'
			},
    		xAxis: {
        		type: 'category',
        		data: listtime
    		},
    		yAxis: {
        		type: 'value'
    		},
    		series: [{
        		data: listvalue,
        		type: 'line'
    		}]
		};

		myChart.setOption(option);
    </script>
    </div>
</div>
<!-- /page content -->
<jsp:include page="../footer.jsp"/>
</body>
</html>
